﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
	<title>Music Mashup</title>
	<link rel="stylesheet" type="text/css" href="../../Content/musicmashup.css" />
	<link rel="stylesheet" type="text/css" href="../../Content/themes/redmond/jquery-ui-1.8.18.custom.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/fileuploader.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/jplayer/pink.flag/jplayer.pink.flag.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.11.min.js"></script>
    <script type="text/javascript" src="../../Scripts/knockout-2.0.0.js"></script>
    <script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script>
    <script type="text/javascript" src="../../Scripts/music-mashup.knockout.js?ver=2"></script>	
    <script type="text/javascript" src="../../Scripts/jquery.jplayer.min.js"></script>
</head>
<body>
<!-- the main section -->
<section id="container">
	<header id="header"> <!-- the header -->
		<h1>Music Mashup</h1>
	</header>
	<nav>
		<ul>
			<li><a href="#" data-bind="click: songListPageClick">Playlist</a></li>
            <li><a href="#" data-bind="click: uploadPageClick">Add New Songs</a></li>
			<li><a href="#" data-bind="click: songPageClick">Song Details</a></li>
		</ul>
	</nav>
	<section id="main-section">
		<article>
        @RenderBody()
		</article>
	</section>
</section>
</body>
</html>